<template>
	<view>

		<view style="display: flex;flex-direction:row;background-color: #E93B3D;padding: 20upx;">
			<view style="width: 150upx;height: 150upx;">
				<image style="width: 100%;height: 100%;" :mode="aspectFill" :src="data.member.HeadImgUrl || '/static/missing-face.png'"></image>
			</view>
			<view style="padding-left: 30upx;font-size: 30upx;">
				<view style="color: #F8F6FC;">{{data.member.AgtName}}：{{data.member.Nick}}</view>
				<view style="color: #F8F6FC;">加入时间：{{data.member.RegTime}}</view>
				<view style="color: #F8F6FC;">推荐人姓名：{{data.member.FromMemName}}</view>
				<view style="color: #F8F6FC;">推荐手机号：{{data.member.FromMemMobile}}</view>
			</view>
		</view>

		<view style="padding: 20upx;text-align: left;">
			<view>市场人数（{{data.member.TeamMemNums}}）&nbsp;&nbsp;我的市场（{{data.member.MyTeamUsers.length}}）</view>
		</view>

		<view v-for="(item, index) in data.member.MyTeamUsers" :key="index">
			<view style="display: flex;flex-direction:row;border-top-style:solid;padding: 20upx;">
				<view style="width: 150upx;height: 150upx;">
					<image style="width: 100%;height: 100%;" :mode="aspectFill" :src="item.HeadImgUrl || '/static/missing-face.png'"></image>
				</view>
				<view style="padding-left: 30upx;">
					<view style="margin-top: 20;">姓名:{{item.Name}}</view>
					<view style="">级别:{{item.LevName}}</view>
					<view style="">手机号:{{item.Mobile}}</view>
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				data: {}
			}
		},
		onShow() {

			uni.request({
				url: this.$serverUrl + '/app/member/queryTeamInfo/' + this.userInfo.MemId,
				header: {
					"Content-Type": "application/json",
					"Authorization": this.token
				},
				data: {},
				method: "POST",
				success: (e) => {
					if (e.data.success) {
						this.data = e.data



					} else {
						console.log(e.data.message)
					}
				},
				fail: (e) => {
					console.log(e.errMsg)
				}
			})









		},
		computed: {
			...mapState(['token', 'exp_time', 'hasLogin', 'userInfo'])
		},
		methods: {

		}
	}
</script>

<style>

</style>
